<template>
  <div>
    <el-row>
      <el-button type="primary" plain>保存</el-button>
      <el-button type="primary" plain>保存且新增</el-button>
      <el-button type="primary" plain>导入</el-button>
      <br /><br />
    </el-row>
    <!-- #07c4a8 -->
    <hr style="background-color: #07c4a8; height: 1px; border: none" />
    <br />
    <br />
    <center><h2>立项信息登记</h2></center>
    <br />
    <el-tabs type="border-card">
      <el-tab-pane label="基本信息">
        <div style="width: 90%; margin: 0 auto">
          <div style="width: 100%">
            <span style="font-weight: 700; font-size: 20px">|基本信息</span>
          </div>
          <el-divider></el-divider>
          <el-form label-width="100px" style="width: 100%">
            <el-container>
              <el-form-item label="日期:">
                <el-input
                  v-model="addproject.fillingDate"
                  type="date"
                  size="small"
                  readonly
                ></el-input>
              </el-form-item>
              <el-form-item label="项目编号:">
                <el-input v-model="addproject.planId" size="small"></el-input>
              </el-form-item>
              <el-form-item label="项目名称:">
                <el-input
                  v-model="addproject.planId"
                  class="xmmc"
                  size="small"
                ></el-input>
              </el-form-item>
            </el-container>
            <el-container>
              <el-form-item label="计划开始日期:">
                <el-input
                  v-model="addproject.fillingDate"
                  type="date"
                  size="small"
                ></el-input>
              </el-form-item>
              <el-form-item label="计划结束日期:">
                <el-input
                  v-model="addproject.fillingDate"
                  type="date"
                  size="small"
                ></el-input>
              </el-form-item>
              <el-form-item label="所属区域:">
                <el-input v-model="addproject.planId" size="small"></el-input>
              </el-form-item>
              <el-form-item label="项目地址:">
                <el-input v-model="addproject.planId" size="small"></el-input>
              </el-form-item>

              <!-- <div class="block">
            <span class="demonstration">当前时间</span>
            <el-date-picker
              v-model="addform.fillingDate"
              type="datetime"
              placeholder="选择日期时间"
            >
            </el-date-picker>

          </div> -->
            </el-container>
            <el-container>
              <el-form-item label="工程工期:">
                <el-input v-model="addproject.planId" size="small"></el-input>
              </el-form-item>
              <el-form-item label="工程量估算:">
                <el-input v-model="addproject.planId" size="small"></el-input>
              </el-form-item>
              <el-form-item label="工程造价:">
                <el-input
                  v-model="addproject.planId"
                  size="small"
                  oninput="value=value.replace(/[^0-9.]/g,'')"
                ></el-input>
              </el-form-item>
              <el-form-item label="预期利润:">
                <el-input
                  v-model="addproject.ha"
                  size="small"
                  oninput="value=value.replace(/[^0-9.]/g,'')"
                ></el-input>
              </el-form-item>
            </el-container>
            <el-container>
              <el-form-item label="造价(大写):">
                <el-input v-model="addproject.planId" size="small"></el-input>
              </el-form-item>

              <el-form-item label="项目类型">
                <el-select
                  v-model="addproject.region"
                  size="small"
                >
                <el-option label="请选择" value=""></el-option>
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
              </el-form-item>

              <!-- <el-form-item label="项目类型:">
                <el-input v-model="addproject.planId" size="small"></el-input>
              </el-form-item> -->
              <el-form-item label="质量等级:">
                <el-input v-model="addproject.planId" size="small"></el-input>
              </el-form-item>
              <el-form-item label="项目跟踪人:">
                <el-input v-model="addproject.planId" size="small"></el-input>
              </el-form-item>
            </el-container>
            <el-container>
              <el-form-item label="所属分公司:">
                <el-input v-model="addproject.planId" size="small"></el-input>
              </el-form-item>

              <!-- <el-form-item label="项目状态:">
                <el-input v-model="addproject.planId" size="small"></el-input>
              </el-form-item> -->

              <el-form-item label="项目状态">
                <el-select
                  v-model="addproject.projectStatus"
                  size="small"
                >
                  <el-option label="请选择" value=""></el-option>
                  <el-option label="全部" value=""></el-option>
                  <el-option label="信息立项" value="信息立项"></el-option>
                  <el-option label="资格审查" value="资格审查"></el-option>
                  <el-option label="放弃" value="放弃"></el-option>
                  <el-option label="竣工" value="竣工"></el-option>
                  <el-option label="中标" value="中标"></el-option>
                  <el-option label="投标" value="投标"></el-option>
                  <el-option label="落标" value="落标"></el-option>
                  <el-option label="立项分析" value="立项分析"></el-option>
                </el-select>
              </el-form-item>
            </el-container>
          </el-form>
        </div>
        <br />
        <div style="width: 90%; margin: 0 auto">
          <div style="width: 100%">
            <span style="font-weight: 700; font-size: 20px">|建设单位</span>
          </div>
          <el-divider></el-divider>
          <el-form label-width="100px" style="width: 100%">
            <el-container>
              <el-form-item label="建设单位:">
                <el-input v-model="addform.planId" size="small"></el-input>
              </el-form-item>
              <el-form-item label="联系人:">
                <el-input v-model="addform.planId" size="small"></el-input>
              </el-form-item>
              <el-form-item label="联系方式:">
                <el-input v-model="addform.planId" size="small"></el-input>
              </el-form-item>
              <el-form-item label="联系地址:">
                <el-input v-model="addform.planId" size="small"></el-input>
              </el-form-item>
            </el-container>
          </el-form>
        </div>

        <br /><br />
        <div style="width: 90%; margin: 0 auto">
          <div style="width: 100%">
            <span style="font-weight: 700; font-size: 20px"
              >|立项人基本资料</span
            >
          </div>
          <el-divider></el-divider>
          <el-form label-width="100px" style="width: 100%">
            <el-container>
              <el-form-item label="立项人:">
                <el-input v-model="addform.planId" size="small"></el-input>
              </el-form-item>
              <el-form-item label="部门:">
                <el-input v-model="addform.planId" size="small"></el-input>
              </el-form-item>
              <el-form-item label="联系电话:">
                <el-input v-model="addform.planId" size="small"></el-input>
              </el-form-item>
              <el-form-item label="所属机构:">
                <el-input v-model="addform.planId" size="small"></el-input>
              </el-form-item>
            </el-container>
            <el-container>
              <el-form-item label="备注:">
                <el-input
                  type="textarea"
                  v-model="addform.planId"
                  size="small"
                  class="bei"
                ></el-input>
              </el-form-item>
            </el-container>
          </el-form>
        </div>

        <br /><br />
        <div style="width: 90%; margin: 0 auto">
          <div style="width: 100%">
            <span style="font-weight: 700; font-size: 20px">|附件</span>
            &nbsp;
            <el-button type="primary" size="small" plain>单个上传</el-button>
            <el-button type="primary" size="small" plain>多个上传</el-button>
          </div>
          <el-divider></el-divider>
          <el-table :data="tableData" border style="width: 100%">
            <el-table-column prop="date" label="文件名称" width="180">
            </el-table-column>
            <el-table-column prop="name" label="上传人" width="180">
            </el-table-column>
            <el-table-column prop="address" label="上传时间"> </el-table-column>
            <el-table-column fixed="right" label="" width="30">
              <template slot-scope="scope">
                <el-button @click="seltu(scope.row)" type="text" size="small"
                  >查看</el-button
                >
              </template>
            </el-table-column>
            <el-table-column fixed="right" label="" width="30">
              <template slot-scope="scope">
                <el-button @click="seltu(scope.row)" type="text" size="small"
                  >下载</el-button
                >
              </template>
            </el-table-column>
            <el-table-column fixed="right" label="" width="30">
              <template slot-scope="scope">
                <el-button @click="seltu(scope.row)" type="text" size="small"
                  >转存</el-button
                >
              </template>
            </el-table-column>
            <el-table-column fixed="right" label="" width="30">
              <template slot-scope="scope">
                <el-button @click="seltu(scope.row)" type="text" size="small"
                  >删除</el-button
                >
              </template>
            </el-table-column>
          </el-table>
        </div>
      </el-tab-pane>

      <el-tab-pane label="项目施工清单">
        <div style="width: 90%; margin: 0 auto">
          <div style="width: 100%">
            <span style="font-weight: 700; font-size: 20px">|施工清单明细</span>
            &nbsp;&nbsp;
            <el-button type="primary" size="small" plain>增行</el-button>
            <el-button type="primary" size="small" plain>减行</el-button>
            <el-button type="primary" size="small" plain>导入</el-button>
          </div>
          <el-divider></el-divider>
          <el-table :data="tableData" border style="width: 100%">
            <el-table-column
              type="index"
              label="序号"
              width="50"
              :index="indexMethod"
            >
            </el-table-column>
            <el-table-column prop="date" label="清单编号"> </el-table-column>
            <el-table-column prop="name" label="施工清单名称">
            </el-table-column>
            <el-table-column prop="address" label="工程量"> </el-table-column>
            <el-table-column prop="address" label="综合单价"> </el-table-column>
            <el-table-column prop="address" label="合价"> </el-table-column>
            <el-table-column prop="address" label="备注"> </el-table-column>
          </el-table>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      addproject: [],
      addform: {},
      readonly: true,
    };
  },
  methods: {
    seltu() {
      alert(123);
    },
    //序号自增
    indexMethod(index) {
      return index + 1;
    },
  },
  created() {},
};
</script>

<style scoped>
.el-input {
  width: 200px;
}
.xmmc {
  width: 500px;
}
.bei {
  width: 1100px;
}
</style>